Ext.setup(
{ 
	tabletStartupScreen: 'tablet_startup.png',//设置加载状态时平板电脑上显示的图片 
	phoneStartupScreen: 'phone_startup.png',//设置加载状态时手机屏幕显示图片 
	icon: 'icon.png',//图标设置 
	glossOnIcon: false, 
	//相当于HTML的onload,加载完毕时触发的方法 
	onReady:function()
	{ 
		//创建一个列表组件，Component是所有Ext组件类的基类，设置尺寸为充满这个屏幕 
		//注意tpl属性，这是定义一个HTML模板，使用{}来表明是可变字段 
		var list = new Ext.Component(
		{ 
			fullscreen: true, 
			title: 'RIAMeeting News Reader', 
			scroll: 'vertical', 
			tpl:'<tpl for="."><div class="listItem"><h2>{title}</h2><p>{content}</p></div></tpl>' 
		}); 
		
		//创建一个基本组件，只显示一行字符串 
		var about = new Ext.BoxComponent(
		{ 
			fullscreen: true, 
			title: 'About', 
			scroll: 'vertical', 
			html:'RIAMeeting' 
		}); 
		
		//创建一个基于Tab显示的面板，面板的Tab自动从视图的Title中抽取，类似于Flex中的ViewStack 
		//注意animation用来设置切换视图产生的动画，而item则指定显示哪些视图 
		var panel = new Ext.TabPanel(
		{ 
			fullscreen: true, 
			animation: 'slide', 
			items: [list,about] 
		}); 

		//加载数据之前，先在界面上显示Loading 
		Ext.getBody().mask('Loading...', 'x-mask-loading', false); 
		
		//声明一个数组，将来用返回数据来填充 
		var result = []; 
		
		//用Ajax的方式，发起对远程数据的请求，注意跨域问题，一旦跨域请使用代理或其它方式解决 
		Ext.Ajax.request(
		{ 
			url: 'rss.xml',//数据URL 
			success: function(response, opts)//数据加载成功之后的回调方法
			{ 
				var xmlDom = response.responseXML; 
				var items = xmlDom.getElementsByTagName('item');//用XMLDom的方式获取数据节点 
				
				//用循环的方式获取数据，并Push到数组中 
				for(var i=0;i<items.length;i++)
				{ 
					var item = items[i]; 
					var t = getText(item.getElementsByTagName('title')[0]); 
					var d = getText(item.getElementsByTagName('description')[0]); 
					result.push({title:t,content:d}); 
				} 
				
				Ext.getBody().unmask();//删除Loading显示
				 
				list.update(result);//更新列表 
			} 
		});
	 
		//这个方法用来获取XML节点的文本值 
		function getText(oNode)
		{ 
			var sText = ""; 
			for (var i = 0; i < oNode.childNodes.length; i++)
			{ 
				if(oNode.childNodes[i].hasChildNodes())
				{ 
					sText += getText(oNode.childNodes[i]); 
				}
				else
				{ 
					sText += oNode.childNodes[i].nodeValue; 
				} 
			} 
			return sText; 
		} 
	} 
}); 